<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="ISO-8859-1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Green Tomato Studio</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="icon" type="image/x-icon" href="images/favicon.ico" />
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/flexslider.css">
        <link rel="stylesheet" href="css/medias.css">

        <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic' rel='stylesheet' type='text/css'>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="js/jquery.flexslider-min.js"></script>
        <script type="text/javascript">
            $(window).load(function() {
                $('.flexslider').flexslider({
                    animation: "slide",
                    controlsContainer: ".flex-container",
                    start: function(){
                        $('.flexslider').css('background', 'none');
                    }
                });
            });
        </script>

    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- COMIENZO HEADER -->
        <header>
            <div id="main-header">
                <div class="container">
                    <h1>Green Tomato Studio</h1>
                </div>
            </div>
            <div id="second-header">
                <div class="container">
                    <p class="title-lang">Bienvenido a</p>
                    <p class="text-lang">GREEN TOMATO STUDIO</p>
                </div>
            </div>
        </header>
        <!-- FIN HEADER -->

        <!-- COMIENZO NAV -->
        <nav>
            <div class="container">
                <!-- BOTONERA -->
                <?php include 'includes/botonera.php'; ?>
                <!-- FIN BOTONERA -->
            </div>
        </nav>
        <!-- FIN NAV -->

        <!-- STICKY MENU -->
        <?php include 'includes/sticky-menu.html'; ?>
        <!-- FIN STICK MENU -->

        <!-- SLIDER HOME -->
        <section role="banner">
            <div class="container slider-home">
                <div class="flex-container">
                    <div class="flexslider">
                        <ul class="slides">
                            <li>
                                <div class="row-fluid">
                                    <div class="span5">
                                        <div class="flex-caption">
                                            <p class="slider-title">Que bien se web</p>
                                            <p class="lead">Dise&ntilde;amos p&aacute;ginas que se ven bien siempre, sin importar desde d&oacute;nde las mires.</p>
                                            <a href="porfolio.php">Ver porfolio</a>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="span7">
                                        <img src="content/slider-home/01.jpg" />                                        
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="row-fluid">
                                    <div class="span5 pull-right">
                                        <div class="flex-caption">
                                            <p class="slider-title">Video y animaci&oacute;n</p>
                                            <p>Encontramos la mejor manera de comunicar lo que necesites contar, con calidad y simpleza.</p>
                                            <a href="porfolio.php">Ver porfolio</a>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="span7 pull-right">
                                        <img src="content/slider-home/02.jpg" />                                        
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="row-fluid">
                                    <div class="span5">
                                        <div class="flex-caption">
                                            <p class="slider-title">Soluciones creativas</p>
                                            <p>No seguimos recetas, tenemos los ingredientes para preparar cualquier plato.</p>
                                            <a href="servicios.php">Servicios</a>                                                
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                    <div class="span7">
                                        <img src="content/slider-home/03.jpg" />                                        
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </section>
        <!-- FIN SLIDER HOME -->

        <!-- DIVIDER SLIDER -->
        <div class="divisor">
            <?php include 'includes/divisores/consulta.html'; ?>
        </div>
        <!-- FIN DIVIDER SLIDER -->

        <!-- LABORATORIO -->
        <section>
            <div class="container mgTyB">
                <div class="row-fluid lab-list">
                    <div class="span4 lab-item">
                        <img src="img/lado-oscuro-del-pixel.jpg" alt="El lado oscuro del pixel" />
                        <h4>El lado oscuro del pixel</h4>
                        <p>Lo que toda web tiene pero no siempre vemos.</p>
                        <ul>
                            <li>Dise&ntilde;o y desarrollo</li>
                            <li>Dise&ntilde;o responsive / mobile</li>
                            <li>Interfaz de usuario (UX)</li>
                            <li>HTML 5 / CSS 3</li>
                            <li class="last-item">Back-end (CMS)</li>
                        </ul>
                    </div>
                    <div class="span4 lab-item">
                        <img src="img/arte-de-proyectar.jpg" alt="El arte de proyectar" />
                        <h4>El arte de proyectar</h4>
                        <p>Tu proyecto puede tener la visibilidad que necesita.</p>
                        <ul>
                            <li>Estrategia de marca</li>
                            <li>Intervenci&oacute;n creativa</li>
                            <li>Identidad visual</li>
                            <li>Campa&ntilde;as SEM (AdWords)</li>
                            <li class="last-item">Communit managment</li>
                        </ul>
                    </div>
                    <div class="span4 lab-item">
                        <img src="img/laboratorio.jpg" alt="Laboratorio GT" />
                        <h4>Laboratorio GT</h4>
                        <p>Ideas que movilizan nuestras lenguas.</p>
                        <ul>
                            <li>Producci&oacute;n de video</li>
                            <li>Fotograf&iacute;a</li>
                            <li>Ilustraci&oacute;n</li>
                            <li>Animaci&oacute;n</li>
                            <li class="last-item">Dise&ntilde;o gr&aacute;fico</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!-- FIN LABORATORIO -->

        <!-- DIVIDER LABORATORIO -->
        <div class="divisor">
            <?php include 'includes/divisores/porfolio.html'; ?>
        </div>
        <!-- FIN DIVIDER LABORATORIO -->

        <!-- FOOTER -->
        <footer>
            <div id="footer-wrapper">
                <div class="container gt-datos">
                    <p class="titulo">Green Tomato Studio</p>
                    <p>Buenos Aires, Argentina
                        <br />info@greentomato.com.ar
                        <br />tel. 6009-8001
                    </p>
                </div>                
            </div>
            <div class="social-wrapper">
                <div class="social-wrapper-center">
                    <div class="social-network bgSprite facebook"><a href="http://www.facebook.com/GreenTomatoST" target="_blank" title="Facebook"></a></div>
                    <div class="social-network bgSprite twitter"><a href="https://twitter.com/greentomatost" target="_blank" title="Twitter"></a></div>
                    <div class="social-network bgSprite vimeo"><a href="https://vimeo.com/greentomatost" target="_blank" title="Vimeo"></a></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </footer>
        <!-- FIN FOOTER -->
    </body>
</html>
